<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		*{
			margin: 0;
			padding: 0;
		}
		div{margin: 10px;
			width: 240px;
			border: 1px solid gray;
			border-radius: 10px;
			background: linear-gradient(#70C9FA,#FFFFFF,#FFFFFF,#FFFFFF);
		}
		h3{
			color: white;
			line-height: 50px;
			text-indent: 2.5em;
			border-bottom: 2px solid white;
			background: url(image/bg.gif)10px 11px no-repeat;
		}
		li{
			list-style: none;
			padding: 10px;
	        text-indent: 0.5em;
			background: url(image/dotBg.gif)1px 6px no-repeat;
		}
		a{
			color: #000000;
			text-decoration: none;
		}
		a:hover{
			color: red;
		}
		</style>	
	</head>
	<body>
		<div>
		<h3>中心开班信息</h3>
		<ul>
			<li><a href="#">8月12日：学历+技能班</a></li>
			<li><a href="#">8月16日：高考特招班</a></li>
			<li><a href="#">8月23日：Java精英班</a></li>
			<li><a href="#">8月31日：学士后强化班</a></li>
			<li><a href="#">9月5日：大学生就业班</a></li>
			<li><a href="#">9月9日：企业定向委培班</a></li>
			<li><a href="#">9月16日：网络营销强化班</a></li>
		</ul>	
		</div>	
	</body>
</html>
